<!DOCTYPE html>
<!--h5的标准：声明文档类型 html-->
<!--根标签:老大 leng='en' 翻译成英文-->
<html lang="en">
<head>
    <!--网页的头部-->
    <!--规定字符编码：国际编码 UTF-8-->
    <meta charset="UTF-8">
    <!--seo 给搜索引擎用-->
    <meta name="keywords" content="关键词">
    <!--seo 给搜索引擎用-->
    <meta name="description" content="网站的概要信息">
    <!--网页的标题-->
    <title>案例二：腾讯新闻</title>
    <style type="text/css">
        body{margin:0;font:12px/20px "SimSun","宋体","Arial Narrow",HELVETICA;background:#ccc;}
        div{width:330px;margin:auto;background:#fff;}
        h3{color: #ff8400;padding-left: 20px;height: 30px;line-height: 30px;background: #eee;border: 1px solid #dbdee1;}
        ul{padding:0;padding: 0 10px 10px 10px;}
        li{list-style: none;color: #52687e;height: 25px;line-height: 25px}
        a{text-decoration: none}  /*规定添加到文本的修饰*/
        span{color: #ff8400;}




    </style>
</head>
<body>
<div>
    <h3>腾讯新闻</h3>
    <ul>
        <li>
            <a href="#" title="债转股17年后再度启动 如何演绎旧瓶装新酒？">
                <span>财经 |</span> 债转股17年后再度启动 如何演绎旧瓶装新酒？
            </a>
        </li>
        <li>
            <a href="#" title="别克全新GL8:28.99万起 男子科目三考过后猝死">
                <span>汽车 | </span>别克全新GL8:28.99万起 男子科目三考过后猝死
            </a>
        </li>
        <li>
            <a href="#" title="Baby鹿晗被曝童年照 辣妈章子怡女神范儿白裙">
                <span>时尚 | </span>Baby鹿晗被曝童年照 辣妈章子怡女神范儿白裙
            </a>
        </li>
        <li>
            <a href="#" title="广告:新浪签到拿好礼 广告:精选新闻app">
                <span>热点 | </span>广告:新浪签到拿好礼 广告:精选新闻app
            </a>
        </li>
        <li>
            <a href="#" title="广告:教育公益APP 广告:指尖上娱乐圈">
                <span>关注 | </span>广告:教育公益APP 广告:指尖上娱乐圈
            </a>
        </li>

    </ul>
</div>
</body>
</html>